.workbench {
  padding: 20px;
  box-sizing: border-box;

  .commonly_content {
    display: flex;
    align-items: center;
    justify-content: space-around;

    .commonly_item {
      width: 100%;
      margin-top: 20px;
      cursor: pointer;
      padding: 20px;
      box-sizing: border-box;
      transition: all 0.3s ease-in-out;
      display: flex;
      flex-direction: column;
      align-items: center;

      &:hover {
        border-radius: 10px;
        background: #F4F8FC;
      }

      .commonly_item_icon {
        width: 64px;
        height: 64px;
        background-size: contain;
        background-repeat: no-repeat;
      }

      .commonly_item_content {
        margin-top: 10px;
        color: #1D2129;
        font-family: PingFang SC;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; /* 166.667% */
      }
    }
  }

  .chart_wrapper {
    width: 100%;
    display: flex;

    & > * {
      margin-right: 20px;

      &:last-child {
        margin-right: 0;
      }
    }
  }
}

.btn_disabled {
  opacity: 0.4;
  cursor: no-drop !important;
}